<div class="header">
    <div class="container">
        <div class="logo">
            <a href="{:url('index/index')}"><span>瑜</span>伽生活</a>
        </div>
        <div class="top-nav">
            <span class="menu"> </span>
            <ul>
                <li {if($active == 1)}class="active"{/if}><a href="{:url('index/index')}">首页</a></li>
                <li {if($active == 2)}class="active"{/if}><a href="{:url('index/about')}">关于我们</a></li>
                <li {if($active == 3)}class="active"{/if}><a href="{:url('index/contact')}">评论专区</a></li>
                {if($is_login)}
                <li {if($active == 4)}class="active"{/if}><a href="{:url('index/user')}">个人中心</a></li>
                <li>欢迎您，{$is_login.user_name}</li>
                <li><a href="{:url('login/login_out')}">退出</a></li>
                {/if}
                {if(!$is_login)}
                <li><a href="{:url('login/login')}">登陆</a></li>
                <li><a href="{:url('login/register')}">注册</a></li>
                {/if}
            </ul>
        </div>
        <div class="clearfix"> </div>
        <script>
            $( "span.menu" ).click(function() {
                $( ".top-nav ul" ).slideToggle( "slow", function() {
                    // Animation complete.
                });
            });
        </script>
        <!--<div class="banner text-center">-->
        <!--<h1>discover the features of <span>M</span>oto theme</h1>-->
        <!--<p></p>-->
        <!--<a class="seemore" href="#">Seemore</a>-->
        <!--</div>-->
    </div>
</div>